$(document).ready(function () {
    $(".i-fulltext-search").on("input propertychange", function () {
        console.log($(this).val(), 'kkkk');
        $("#fulltext-list").empty();
        var q = $(this).val();
        $.get("/full_text/result/", {'q': q}, function (data) {
            var result = data.result;
            var datas = getFinalData(result);
            appendFulltext(datas);
        })
    });
    $(".a-fulltext-search").click(function () {
        var g = $(".i-fulltext-search").val();
        if (g.length <= 0) {
            return false;
        }
        // REW:动态添加数据 用ajax；需要渲染用这种方式
        window.location.href = '/full_text/result/?q='+g+'&to=true'
    })
});


function appendFulltext(values) {
    $.each(values, function (index, value) {
        var name = (value[0].model.toString() === "auser.user") ? value[0].fields.username : value[0].fields.title
        $("#fulltext-list").append('<option value="' + name + '">' + '</option>')
    })


    // var html = "<div class='ui items fulls'>";
    // $.each(values, function (index, value) {
    //     url = '';
    //     content = "";
    //     if (value[0].model.toString() === "movie.movie"){
    //         url = '/movie_info/' + value[0].pk.toString()
    //         content = value[0].fields.summary.slice(0,20)
    //     }
    //     else if (value[0].model.toString() === "movie.review"){
    //         url = 'post/review_info/' + value[0].pk.toString()
    //         content = value[0].fields.body.slice(0,30)
    //     }
    //     else {
    //         url = '/auser/homepage/' + value[0].pk.toString();
    //         content = value[0].fields.about_me
    //     }
    //
    //     var div = '<div class="item">' +
    //         '<a class="ui tiny image" href=url>' +
    //         '<div class="content">' +
    //         '<a class="header">'+name+'</a>' +
    //         '<div class="description">' +
    //         '<p>'+content+'</p>' +
    //         '</div></div>' +
    //         '</a>'+
    //         '</div>';
    //     html += div;
    // });
    // html += '</div>';
    // return html
}

function getFinalData(result) {
    var datas = [];
    if (typeof result.movie !== "undefined") {
        var movies = result.movie;
        if (movies.length < 2) {
            datas.push(JSON.parse(result.movie.data))
        } else {
            datas.push(JSON.parse(result.movie.data).splice(0, 3))
        }
    }
    if (typeof result.review !== "undefined") {
        var reviews = result.review;
        if (datas.length < 3) {
            datas.push(JSON.parse(result.review.data))
        } else {
            datas.push(JSON.parse(result.review.data).splice(0, 2))
        }
    }
    if ((typeof result.user) !== "undefined") {
        console.log(typeof result.user);
        datas.push(JSON.parse(result.user.data).splice(0, 2))
    }
    return datas
}